<style lang="less">
   
</style>
<template>
    <DetailPage :operBtns="operBtns" @operBtnClick="operBtnClick" @ok="onOk">
        <desc-list :col="1">
                <desc-item term="业务单号" :labelCol="labelCol">info.bizSerialNo</desc-item>
                <desc-item term="申请时间" :labelCol="labelCol">info.createdTime</desc-item>
                <desc-item term="申请人" :labelCol="labelCol">info.createdUserName</desc-item>
                <desc-item term="申请部门" :labelCol="labelCol">info.createdDeptName</desc-item>
            </desc-list>
            <desc-list :col="2">
                <desc-item term="实付金额" :labelCol="labelCol1">info.totalAmt</desc-item>
                <desc-item term="应付金额" :labelCol="labelCol1">info.planAmt</desc-item>
                <desc-item term="借款金额" :labelCol="labelCol1">info.loanAmt</desc-item>
                <desc-item term="抵扣金额" :labelCol="labelCol1">info.deductAmt</desc-item>
            </desc-list>
    </DetailPage>
</template>
<script>
    import DetailPage from "../common/components/DetailPage.vue"
    import { DescList, DescItem } from '@/appBase';
    import { orderExport } from '@/modules/common/service/order';
    
    const OperBtnKeyEnum = DetailPage.OperBtnKeyEnum;
    export default {
        props: {
            src: {
                type: String
            }
        },
        components:{
            DetailPage,
            DescList, 
            DescItem,
        },
        data() {
            return {
                loading: false,
                // 视频播放器
                player: null,
                labelCol: {
                    span: 4
                },
                labelCol1: {
                    span: 8
                },
                operBtns:[
                    OperBtnKeyEnum.PROCESS_PROGRESS,
                    OperBtnKeyEnum.EXPORT_EXCEL,
                    OperBtnKeyEnum.PRINTER,
                    OperBtnKeyEnum.PASSED,
                    OperBtnKeyEnum.REBUT,
                    OperBtnKeyEnum.REVOKE,
                    OperBtnKeyEnum.AGAIN
                ]
            }
        },
        methods: {
            operBtnClick(key){
                console.log(key);
                if (key === OperBtnKeyEnum.AGAIN) {
                    
                } else if (key === OperBtnKeyEnum.EXPORT_EXCEL) {
                    const data = {
                        orderId: '1494501007132037122',
                    }
                    const param = {
                        data,
                        url: '/finance/reimburse/order/export',
                        method: 'get',
                    }
                    orderExport(param);
                }
            },
            onOk(){
                // this.$refs.selectProcess.show({ 
                //     selectedData:[{"orderId":"1489434683492184065","bizSerialNo":"2022020400001","bizName":"购车","bizOrderType":1420,"bizOrderTypeName":"车贴申请","createdTime":"2022-02-04 11:04:36","createdUserName":"姜雪彤"}],
                //     onOk(val){
                //         console.log(val);
                //     }
                // });
                console.log(123);
                // this.$zkMultiTabs.close('/demo/ReimburseOrder');
                // this.$zkMultiTabs.refresh('/demo/ReimburseOrder');
            }
        }
    }
</script>